body {
	font-size: 10pt;
	color: olive;
}

h1 {
	text-shadow: 1px 1px 5px #800080;
	color: #888888;
	font-family: MSゴシック;
}
.box {
	text-shadow: 0px 0px 5px rgba(25, 25, 25, 0.8);
	color: #ffffff;
	font-family: sans-serif;

	display: -moz-box;
	display: -webkit-box;
	display: box;
            
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;

	-moz-box-orient: horizontal;
	-webkit-box-orient: horizontal;
	box-orient: horizontal;
	
	-moz-box-pack: center;
	-moz-box-align: center;
	
	-webkit-box-pack: center;
	-webkit-box-align: center;
	
	box-pack: center;
	box-align: center;

	width: 100px;
	height: 100px;
	
	text-align:center;
}

#box1 {
	background: -moz-radial-gradient(cover, blue, rgba(255, 255, 255, 1));
	background-image: -webkit-gradient(radial, center center, 0, center center, 75, from(blue), to(rgba(255, 255, 255, 1)));
	border: 1px solid blue;
}

#box2 {
	background: -moz-radial-gradient(cover, red, rgba(255, 255, 255, 1));
	background-image: -webkit-gradient(radial, center center, 0, center center, 75, from(red), to(rgba(255, 255, 255, 1)));
	border: 1px solid red;
}

#box3 {
	background: -moz-radial-gradient(cover, yellow, rgba(255, 255, 255, 1));
	background-image: -webkit-gradient(radial, center center, 0, center center, 75, from(yellow), to(rgba(255, 255, 255, 1)));
	border: 1px solid yellow;
}

#box4 {
	background: -moz-radial-gradient(cover, green, rgba(255, 255, 255, 1));
	background-image: -webkit-gradient(radial, center center, 0, center center, 75, from(green), to(rgba(255, 255, 255, 1)));
	border: 1px solid green;
}
